﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UHeader1.ascx.cs" Inherits="VTNT.Presentation.Web.MIS.mods.front.UHeader1" %>
<div id="main_header"></div>
<div id='main_menu' style='visibility: visible;'>
    <ul class="menu_template">
        <li id="{ID}">{Code}-{ParentID}<a href="{LinkURL}">{Name}</a></li>
    </ul>
</div>
<script type="text/javascript">
    var dynamicTemplate;
    $(function () {
        var data = [
                { ID: 1, Code: 'A', Name: 'Home', Description: '', ParentID: null, LinkURL: '#Home' },
                { ID: 2, Code: 'B', Name: 'Products', Description: '', ParentID: null, LinkURL: '#Products' },
                { ID: 3, Code: 'C', Name: 'Support', Description: '', ParentID: null, LinkURL: '#Support' },
                { ID: 4, Code: 'D', Name: 'Communities', Description: '', ParentID: null, LinkURL: '#Communities' },
                { ID: 5, Code: 'E', Name: 'About', Description: '', ParentID: null, LinkURL: '#About' },
                { ID: 21, Code: 'B1', Name: 'Products 1', Description: '', ParentID: 2, LinkURL: '#Products1' },
                { ID: 22, Code: 'B2', Name: 'Products 2', Description: '', ParentID: 2, LinkURL: '#Products2' },
                { ID: 221, Code: 'B2', Name: 'Products 2', Description: '', ParentID: 22, LinkURL: '#Products22' },
                { ID: 222, Code: 'B2', Name: 'Products 2', Description: '', ParentID: 22, LinkURL: '#Products222' },
                { ID: 41, Code: 'D', Name: 'Communities', Description: '', ParentID: 4, LinkURL: '#Communities' },
                { ID: 42, Code: 'D', Name: 'Communities', Description: '', ParentID: 4, LinkURL: '#Communities' },
                { ID: 43, Code: 'D', Name: 'Communities', Description: '', ParentID: 4, LinkURL: '#Communities' },
                { ID: 411, Code: 'D', Name: 'Communities', Description: '', ParentID: 41, LinkURL: '#Communities' },
                { ID: 4111, Code: 'D', Name: 'Communities', Description: '', ParentID: 411, LinkURL: '#Communities' },
                { ID: 41111, Code: 'D', Name: 'Communities', Description: '', ParentID: 4111, LinkURL: '#Communities' }
            ];
        dynamicTemplate = new RMS.CDynamicTemplate({ 
            id: '#main_menu',
            data: data,
            type: 'menu',
            callback: function (instance) {
                $(instance.settings.id).jqxMenu({ width: '100%', height: '30px' });
            } 
        });        
    });
</script>